<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Wifi</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script src="<?php echo $baseurl?>public/theme/default/html1/js/jquery-latest.min.js" type="text/javascript"></script>
		<script src="<?php echo $baseurl?>public/theme/default/html1/js/swController.min.js"></script>
		<script src="<?php echo $baseurl?>public/theme/default/html1/js/fb.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="<?php echo $baseurl?>public/theme/default/html1/css/style.css"/>
        <link rel="stylesheet" type="text/css" href="<?php echo $baseurl?>public/theme/default/html1/css/owl.carousel.css"/>
		
        <script>

            $(document).ready(function() {
              
			

                $('.btn-facebook').click(function(){
				
					checkLoginState() ;
					return false;
				});
				
				$('.btn-free').click(function(){				
					connect2();
					return false;
				});
				
				$('.btn-1').click(function(){				
					sendmail($('#mailto').val());
					 $('#popup').fadeOut();
					return false;
				});
            });
        </script>
        <script src="<?php echo $baseurl?>public/theme/default/html1/js/custom.js" type="text/javascript"></script>
    </head>
    <body id="background" style="background-position: center center;">
        <div id="popup">
            <div class="popup_dialog">
                <button class="btn popup_close"></button>
                <div class="popup_content">
                    <form action="">
                        <header>Kết nối wifi</header>
                        <p><input id = "mailto" type="email" name="email" class="textbox" placeholder="Nhập email để kết nối wifi"/></p>
                        <p><input class="btn btn-1" type="submit"/></p>
                    </form>
                </div>
            </div>
        </div>
        <div id="main-intro">
            <div class="wrap">
                <div class="logo"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/logo.png"></div>
                <div id="highlight">
                    Chào mừng bạn <br/>
                    đã đến với Vuvuzela
                </div>
                <span class="meta">
                    Chọn một trong hai hình thức đăng nhập trên để có thể sử dụng wifi
                </span>
                <div class="wifi">
                    <div class="link">
                        <a class="with-face" href="#">
                            <span class="btn btn-facebook"></span>
                            <span class="label">Tốc độ nhanh nhất</span>
                        </a>
                    </div>
                    <div class="link">
                        <a class="with-email" href="#">
                            <span class="btn btn-email"></span>
                            <span class="label">Tốc độ trung bình</span>
                        </a>
                    </div>
                    <div class="link">
                        <a class="free" href="#">
                            <span class="btn btn-free"></span>
                            <span class="label">Tốc độ chậm</span>
                        </a>
                    </div>

                </div>               
            </div>
        </div>
        <div id="footer">
            <div class="wrap">
                <div id="carousel">
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/1.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/2.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/3.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/4.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/5.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/6.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/7.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/8.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/9.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/10.png"></a>
                    <a href="#"><img alt="" src="<?php echo $baseurl?>public/theme/default/html1/images/11.png"></a>
                </div>
            </div>
        </div>

        <script src="<?php echo $baseurl?>public/theme/default/html1/js/owl-carousel/owl.carousel.js"></script>
        <script>
            $(document).ready(function() {

                var owl = $("#carousel");
                owl.owlCarousel({
                    items: 11, //10 items above 1000px browser width
                    itemsDesktop: [1000, 8], //5 items between 1000px and 901px
                    itemsDesktopSmall: [900, 6], // 3 items betweem 900px and 601px
                    itemsTablet: [600, 4], //2 items between 600 and 0;
                    itemsMobile: [480, 3] // itemsMobile disabled - inherit from itemsTablet option

                });
            });
        </script>
    </body>
</html>
